<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>discussion</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="viewport" content="width=1080, minimum-scale=0.3,target-densitydpi=device-dpi,user-scalable=no,">	
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
</head>
	<body>
		
		<header class="app-bar">
			<p class="iconfont fl back"></p>
			<h1 class="title">discussion</h1>
		</header>
		<!------------------标头结束--------------------->	
		<div class="app-discussion-titele">
			<img src="img/disscussion_03.jpg"/>
			<div class="title-sche">
				<p><a href="">BCC</a>><a href="">Unit 1</a>>&nbsp;Lesson 1:</p>
				<p>Overview of Manderin Chinese</p>
			</div>
			<a href="" class="title-practice">Practice</a>
		</div>
		<!------------------详情结束--------------------->
		<div class="app-discussion-classify">
			<p><span class="icon-leng"></span>Most upvoted <i class="icon-sanjiao"></i></p>
		</div>
		<div class="app-discussion-firlist">
			<div class="list-con">
				<div class="con-img">
					<img src="img/chicken icon.svg"/>
				</div>
				<div class="con-text">
					<p class="username">ashlee17<i>1 week 2 days ago</i></p>
					<p class="content">
Hi, I just subscribed to the 6 month course. I am in China and having trouble viewing the videos. I am also using a VPN but the videos will not load :( Any suggestions? Your youtube videos seem to load much easier than the ones on the website.						
					</p>
					<div class="con-icon">
						<p> <i class="ico-zan"></i>Upvote (20)</p>
						<p> <i class="ico-repay"></i>Reply (1)</p>
					</div>
				</div>
			</div>
		</div>
		<div class="app-discussion-firlist app-discussion-seclist">
			<div class="list-con">
				<div class="con-img">
					<img src="img/Team profile.png"/>
				</div>
				<div class="con-text">
					<p class="username">ashlee17<i>1 week 2 days ago</i></p>
					<p class="content">
Hi, I just subscribed to the 6 month course. I am in China and having trouble viewing the videos. I am also using a VPN but the videos will not load :( Any suggestions? Your youtube videos seem to load much easier than the ones on the website.						
					</p>
					<div class="con-icon">
						<p> <i class="ico-zan"></i>Upvote (20)</p>
						<p> <i class="ico-repay"></i>Reply (1)</p>
					</div>
				</div>
			</div>
		</div>	
		<div class="app-discussion-firlist">
			<div class="list-con">
				<div class="con-img">
					<img src="img/chicken icon.svg"/>
				</div>
				<div class="con-text">
					<p class="username">ashlee17<i>1 week 2 days ago</i></p>
					<p class="content">
Hi, I just subscribed to the 6 month course. I am in China and having trouble viewing the videos. I am also using a VPN but the videos will not load :( Any suggestions? Your youtube videos seem to load much easier than the ones on the website.						
					</p>
					<div class="con-icon">
						<p> <i class="ico-zan"></i>Upvote (20)</p>
						<p> <i class="ico-repay"></i>Reply (1)</p>
					</div>
				</div>
			</div>
		</div>	
		<!------------------评论列表结束--------------------->
		<button class="app-btn-add" onclick="but()">+</button>
		<div class="app-discussion-comment">
			<div class="comment-lest">
				<input type=""placeholder="Ask a question or leave a comment..." name="" id="" value="" />
			</div>
			<div class="comment-to">
				<p><a href="">Convert to Tone Marks</a><span class="i-con"></span><a href="">Cancel</a></p>
				<button>Comment</button>
			</div>
		</div>
	</body>
	<script src="//cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
	<script>
		var but=function(){		
				$('.app-discussion-comment').animate({bottom:"0"},500)
		}		
		$(document).ready(function(){
			$('.back').click(function(){
				history.go(-1)
			})
		})
	</script>	
</html>
